/**
 * Created by xiaom on 2016/10/30.
 */
import React, {Component, PropTypes} from 'react';
import './index.scss';

export default class Header extends Component {
  static propTypes = {
    avatar: PropTypes.string,
    nickname: PropTypes.string
  };

  render() {
    const _this = this;
    return (
      <div>
        <div className="header flex flex-d-c flex-jc-c">
          <div className="avatar flex flex-ai-c flex-jc-c flex-d-c">
            <img src={_this.props.avatar}/>
            <div className="nickname">{_this.props.nickname}</div>
          </div>
        </div>
      </div>
    );
  }
}
